An AngularJS module is a container for different parts of an application, such as controllers, services, filters, directives, and more. It helps in organizing the application into cohesive blocks of functionality. Modules provide a namespace for your application, and they can be used to load different parts of your application in a controlled way.

Syntax

var app = angular.module('myApp', [dependencies]);

Example-

var app = angular.module('myApp', []);

Adding Components to a Module

After creating a module, you can add components to it, such as controllers, services, directives, filters, etc.

Adding a Controller

app.controller('MainController', ['$scope', function($scope) {
    $scope.message = "Hello, World!";
}]);

Adding Service

app.service('MathService', function() {
    this.add = function(a, b) {
        return a + b;
    };
});

Adding Factory

app.factory('StringFactory', function() {
    var factory = {};
    factory.toUpperCase = function(str) {
        return str.toUpperCase();
    };
    return factory;
});

Features and Benefits of AngularJS Modules

1. Modularity: Organizes code into manageable and logical units.
2. Reusability: Facilitates reuse of modules across different applications.
3. Dependency Management: Manages dependencies between different parts of the application, ensuring that all necessary components are loaded.
4. Separation of Concerns: Keeps different aspects of the application separated, improving maintainability and readability.